.tabs-box {
  background-color: var(--el-bg-color);
  .tabs-menu {
    position: relative;
    width: 100%;
    .el-dropdown {
      :deep(.el-dropdown-menu__item) {
        display: flex;
        flex-direction: inherit;
        align-items: center;
      }
    }
    .right-tag {
      position: fixed;
      top: 55px;
      right: 15px;
      z-index: 100;
      display: flex;
      align-items: center;
      :deep(.el-divider) {
        margin: 0;
      }
      :deep(.tabs_icon) {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 40px;
        color: var(--el-text-color-primary);
        cursor: pointer;
      }
      :deep(.el-button) {
        height: 39px;
        padding: 15px;
        line-height: 39px;
        border-radius: 0;
      }
    }
    :deep(.el-tabs) {
      .el-tabs__header {
        box-sizing: border-box;
        height: 40px;
        padding: 0 10px;
        margin: 0;
        .el-tabs__nav-wrap {
          position: absolute;
          width: calc(100% - 140px);
          .el-tabs__nav {
            display: flex;
            border: none;
            .el-tabs__item {
              box-sizing: border-box;
              height: 40px;
              height: $base-tag-item-height;
              line-height: $base-tag-item-height;
              border: none;
              border-radius: $base-border-radius;
              transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
            }
            .el-tabs__item.is-active {
              height: 40px;
              background-color: var(--el-menu-active-bg-color) !important; //#e8f4ff;
              mask: url("@/assets/images/tabbar-bg.png");
              mask-size: 100% 100%;
            }
            .el-tabs__item:not(.is_active):hover {
              height: 40px;
              background-color: #f6f8f9;
              mask: url("@/assets/images/tabbar-bg.png");
              mask-size: 100% 100%;
            }
          }
        }
      }
    }
  }
  :deep(.contextmenu) {
    position: absolute;
    z-index: 3000;
    padding: 5px 0;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color: var(--el-text-color-regular);
    list-style-type: none;
    background-color: var(--el-bg-color-overlay);
    border-radius: 4px;
    box-shadow: 2px 2px 3px 0 #00000030;
    li {
      display: flex;
      align-items: center;
      padding: 7px 16px;
      margin: 0;
      cursor: pointer;
      &:hover {
        color: var(--el-color-primary);
        background-color: #eeeeee;
        border-radius: 4px;
      }
      .el-icon {
        margin-right: 5px;
      }
    }
  }
}
